

<ion:partial view="header" />

	<!-- <header id="homepage"> -->
		<div id="content">
  

	 <ion:page id="welcome">
					<ion:articles type="slider">
						<ion:article>
							<div class="flexslider" style="width: 100%;">
								<ul class="slides">
									<ion:medias type="picture" limit="4">
										<ion:media:type is="picture">
											<li>
												<a href="<ion:article:url />">
													<img src="<ion:media:src />" />
												</a>
											</li>
										</ion:media:type>
									</ion:medias>
								</ul>
							</div>
						</ion:article>
					</ion:articles>
				</ion:page>

<div class="clear"></div>
       <!--  <div class="row">

			<div class="twelve columns">

				<?php
				/*
				 * Page's title
				 *
				 * Displayed with the tag "h1"
				 * If no title is set, no empty tag will be rendered
				 *
				 */
				?>
				<ion:page:title tag="h1"/>

				<?php
				/*
				 * Page's subtitle
				 *
				 * We use the native PHP method "nl2br" to render the newlines
                 * in the subtitle
				 *
				 */
				?>
                <ion:page:subtitle tag="h2" function="nl2br" />

			</div>

        </div> -->
	<!-- </header> -->
	<div class="welcome-buttons">
		
  <div class="mini-sliders">
        <ion:page id="welcome">
					<ion:articles type="banner" limit="2">
						<ion:article>
							
									<ion:medias type="picture" limit="1">
										<ion:media:type is="picture">
											
												<a href="<ion:article:url />">
													<img class="fade-image" src="<ion:media:src />" size='282,167' />
												</a>
											
										</ion:media:type>
									</ion:medias>
								
						</ion:article>
					</ion:articles>
				</ion:page>

       <!--  <a href="index.php?route=product/category&amp;path=20"><img class="fade-image" src="http://127.0.0.1/furniture/assets/images/data/lamp.png" alt="Slider 2 mini" style="opacity: 1;"></a>
 -->
       <!--  <a href="index.php?route=product/category&amp;path=20"><img class="fade-image" src="http://127.0.0.1/furniture/assets/images/data/minislider1.jpg" alt="Slider 1 mini" style="opacity: 0.6;"></a>
 -->
</div>

<ion:page id="blog">
	<div class="footer-about" style="width: 628px;float: left;height: 284px;">
					<h3>News</h3>
					<ion:articles limit="2">

						<ion:article>

							
								<div class="row">
								<!-- <a href="<ion:url />"> -->

									<?php
									/*
									 * Static Item : Flag
									 * If one Static item called "flag" is linked to the article,
									 * the content of the field called "text" will be displayed.
									 *
									 * As we limit to 1, only the first flag will be used.
									 *
									 */
									?>
									<ion:article:static:flag:items limit="1">
										<div class="flag"><span><ion:text:value /></span></div>
									</ion:article:static:flag:items>

									<!-- <h3><ion:title /></h3> -->

									

										<ion:medias type="picture,video" limit="1">

											<ion:media:type is="video">
												<div class="media left-block">
													<ion:media:provider  is='youtube'><iframe class="video" width="100%" height="200" src="<ion:media:src />" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></ion:media:provider>
													<ion:media:provider  is='vimeo'><iframe class="video" width="100%" height="200" src="<ion:media:src />" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></ion:media:provider>
													<ion:media:provider  is='dailymotion'><iframe class="video" width="100%" height="200" src="<ion:media:src />" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></ion:media:provider>
													<ion:media:extension is="mp4"><video class="video" width="100%" height="200"controls><source src="<ion:media:src />" type="video/mp4" ></video></ion:media:extension>
													<ion:media:extension is="ogv"><video class="video" width="100%" height="200" controls><source src="<ion:media:src />" type="video/ogg" ></video></ion:media:extension>
												</div>
											</ion:media:type>

											<ion:media:type is="picture">
											<div class="left">
												<img src="<ion:media:src size='150,100' method='adaptive' />" />
											</div>
											</ion:media:type>

										</ion:medias>


									

									<div class="right">
										
				                    	<h2><a href="<ion:url />"><ion:title class="pagetitle" /></a></h2>
				                  
										<?php
										/*
										 * Content, limited to the first paragraph
										 */
										?>
										<div style="height: 50px;">
											<ion:content paragraph="1" />
										</div>
										
										<div class="btn-cart" style="float: right;">
											<a class="button" href="<ion:url />" style="font-size: 10px;">Read More</a>
										</div>
									</div>

								</a>
								</div>
							<div class="line"></div>
						</ion:article>
					</ion:articles></div>
				</ion:page>
			</div>
  <div class="clear"></div>
</div>

	<!-- <section id="main-content">

		<div class="row">

			<?php
			/*
			 * Current page article
			 * -> Home page
			 *
			 * We limit to the 4 first, as we want 4 blocks.
			 *
			 */
			?>
			<ion:page:articles limit="4">
				<div class="medium-6 large-3 columns">

					<?php
					/*
					 * Article's title
					 *
					 */
					?>
					<h3><ion:article:title /></h3>

					<?php
					/*
					 * Article's content
					 *
					 */
					?>
					<div class="home-block">
						<ion:article:content />
					</div>

					<?php
					/*
					 * Article's URL
					 * The URL of one article is either its own URL or the URL of the target article.
					 * (See create links in the doc)
					 *
					 */
					?>
					<p>
						<a class="expand button" title="<ion:article:title />" href="<ion:article:url />">Read more</a>
					</p>
				</div>
			</ion:page:articles>
		</div>



		<?php
		/*
		 * Latest post : From "blog" page
		 *
		 */
		?>
		<div class="row">

			<div class="large-12 columns">


				<?php
				/*
				 * Lang key
				 * These translations are globally available.
				 * They are editable from panel Content > Translations
				 *
				 * Once you declare one in one view, you are able to set its translation in this panel.
				 *
				 */
				?>
				<h2 class="title">
					<ion:lang key="home_last_post" />
				</h2>


				<?php
				/*
				 * Articles from another page : Blog
				 *
				 * The "name" of the page is "blog".
				 * We use this name as ID to get the page.
				 *
				 * This name can be found in the page options, when editing it from ionize.
				 *
				 */
				?>
				<ion:page id="blog">

					<ion:articles limit="2">

						<ion:article>

							<div class="home-last-post row">

								<a href="<ion:url />">

									<?php
									/*
									 * Static Item : Flag
									 * If one Static item called "flag" is linked to the article,
									 * the content of the field called "text" will be displayed.
									 *
									 * As we limit to 1, only the first flag will be used.
									 *
									 */
									?>
									<ion:article:static:flag:items limit="1">
										<div class="flag"><span><ion:text:value /></span></div>
									</ion:article:static:flag:items>

									<h3><ion:title /></h3>

									<div class="hide-for-small medium-4 large-4 columns">

										<ion:medias type="picture,video" limit="1">

											<ion:media:type is="video">
												<div class="media">
													<ion:media:provider  is='youtube'><iframe class="video" width="100%" height="200" src="<ion:media:src />" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></ion:media:provider>
													<ion:media:provider  is='vimeo'><iframe class="video" width="100%" height="200" src="<ion:media:src />" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></ion:media:provider>
													<ion:media:provider  is='dailymotion'><iframe class="video" width="100%" height="200" src="<ion:media:src />" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></ion:media:provider>
													<ion:media:extension is="mp4"><video class="video" width="100%" height="200"controls><source src="<ion:media:src />" type="video/mp4" ></video></ion:media:extension>
													<ion:media:extension is="ogv"><video class="video" width="100%" height="200" controls><source src="<ion:media:src />" type="video/ogg" ></video></ion:media:extension>
												</div>
											</ion:media:type>

											<ion:media:type is="picture">
												<img src="<ion:media:src size='300,200' method='adaptive' />" />
											</ion:media:type>

										</ion:medias>


									</div>

									<div class="medium-8 large-8 columns">
										<?php
										/*
										 * Content, limited to the first paragraph
										 */
										?>
										<ion:content paragraph="1" />

									</div>

								</a>

							</div>
						</ion:article>
					</ion:articles>
				</ion:page>
			</div>
 	 	</div>
	</section> -->

<div class="welcome-buttons" style="margin-top: -5px;margin-bottom: 10px;">
	 <ion:page id="welcome">
					<ion:articles type="banner-bottom">
						<ion:article>
							
									<ion:medias type="picture" limit="2">
										<ion:media:type is="picture">
											
												<a href="<ion:article:url />">
													<img class="fade-image" src="<ion:media:src />" />
												</a>
											
										</ion:media:type>
									</ion:medias>
								
						</ion:article>
					</ion:articles>
				</ion:page>
	<!-- <a href="index.php?route=information/information&amp;information_id=6">
		<img class="fade-image" src="<ion:theme_url />assets/images/welcome1.png" /></a>
		<a href="#"><img class="fade-image" src="<ion:theme_url />assets/images/welcome2.png" /></a> -->
	</div>

<div class="box">
  <div class="box-heading">Latest<div class="navigate navigate-latest"><div class="prev"></div><div class="next"></div></div></div>
  <div class="clear"></div>
  <div class="box-content">
    <div class="box-product caruofredsel caruofredsel-latest">
                 <div class="box-product-item">
        <div class="view-first">
          <div class="view-content">  
                        <div class="image"><a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/product&amp;product_id=52"><img src="http://www.metro-oc.any-themes.com/metroshop1/image/cache/data/f03_nikon_d3200_kit_18_105_vr_2-188x204.jpg" alt="Camera D535" /></a></div>
                          
            <div class="bottom-block">
              <div class="name"><a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/product&amp;product_id=52">Camera D535</a></div>
              <div class="link-cart" onclick="addToCart('52');">Add to Cart</div>
                            <div class="price">
                                $96.00                              </div>
                          </div>
          </div>
          
	  <div class="slide-block"><div class="image-rating"></div><div class="btn-wish" onclick="addToWishList('52');">Add to Wish List</div><div class="btn-compare" onclick="addToCompare('52');">Add to Compare</div></div>
        </div>
      </div>
                 <div class="box-product-item">
        <div class="view-first">
          <div class="view-content">  
                        <div class="image"><a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/product&amp;product_id=51"><img src="http://www.metro-oc.any-themes.com/metroshop1/image/cache/data/f01_lenovo_5-188x204.jpg" alt="Desktop N26356" /></a></div>
                          
            <div class="bottom-block">
              <div class="name"><a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/product&amp;product_id=51">Desktop N26356</a></div>
              <div class="link-cart" onclick="addToCart('51');">Add to Cart</div>
                            <div class="price">
                                $96.00                              </div>
                          </div>
          </div>
          
	  <div class="slide-block"><div class="image-rating"></div><div class="btn-wish" onclick="addToWishList('51');">Add to Wish List</div><div class="btn-compare" onclick="addToCompare('51');">Add to Compare</div></div>
        </div>
      </div>
                 <div class="box-product-item">
        <div class="view-first">
          <div class="view-content">  
                        <div class="image"><a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/product&amp;product_id=50"><img src="http://www.metro-oc.any-themes.com/metroshop1/image/cache/data/f01_asus_et2012aukb_20-188x204.jpg" alt="Desktop N264" /></a></div>
                          
            <div class="bottom-block">
              <div class="name"><a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/product&amp;product_id=50">Desktop N264</a></div>
              <div class="link-cart" onclick="addToCart('50');">Add to Cart</div>
                            <div class="price">
                                $96.00                              </div>
                          </div>
          </div>
          
	  <div class="slide-block"><div class="image-rating"></div><div class="btn-wish" onclick="addToWishList('50');">Add to Wish List</div><div class="btn-compare" onclick="addToCompare('50');">Add to Compare</div></div>
        </div>
      </div>
                 <div class="box-product-item">
        <div class="view-first">
          <div class="view-content">  
                        <div class="image"><a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/product&amp;product_id=49"><img src="http://www.metro-oc.any-themes.com/metroshop1/image/cache/data/f01_samsung_galaxy_tab_2_10_1_16gb_1-188x204.jpg" alt="Tablet K53" /></a></div>
                          
            <div class="bottom-block">
              <div class="name"><a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/product&amp;product_id=49">Tablet K53</a></div>
              <div class="link-cart" onclick="addToCart('49');">Add to Cart</div>
                            <div class="price">
                                $236.99                              </div>
                          </div>
          </div>
          
	  <div class="slide-block"><div class="image-rating"></div><div class="btn-wish" onclick="addToWishList('49');">Add to Wish List</div><div class="btn-compare" onclick="addToCompare('49');">Add to Compare</div></div>
        </div>
      </div>
                 <div class="box-product-item">
        <div class="view-first">
          <div class="view-content">  
                        <div class="image"><a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/product&amp;product_id=48"><img src="http://www.metro-oc.any-themes.com/metroshop1/image/cache/data/f03_nikon_d3200_kit_18_105_vr_2-188x204.jpg" alt="Camera E54" /></a></div>
                          
            <div class="bottom-block">
              <div class="name"><a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/product&amp;product_id=48">Camera E54</a></div>
              <div class="link-cart" onclick="addToCart('48');">Add to Cart</div>
                            <div class="price">
                                $119.50                              </div>
                          </div>
          </div>
          
	  <div class="slide-block"><div class="image-rating"></div><div class="btn-wish" onclick="addToWishList('48');">Add to Wish List</div><div class="btn-compare" onclick="addToCompare('48');">Add to Compare</div></div>
        </div>
      </div>
                 <div class="box-product-item">
        <div class="view-first">
          <div class="view-content">  
                        <div class="image"><a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/product&amp;product_id=47"><img src="http://www.metro-oc.any-themes.com/metroshop1/image/cache/data/f01_dell_inspiron_7520_7520_9124_9-188x204.jpg" alt="Notebook N453" /></a></div>
                          
            <div class="bottom-block">
              <div class="name"><a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/product&amp;product_id=47">Notebook N453</a></div>
              <div class="link-cart" onclick="addToCart('47');">Add to Cart</div>
                            <div class="price">
                                $119.50                              </div>
                          </div>
          </div>
          
	  <div class="slide-block"><div class="image-rating"></div><div class="btn-wish" onclick="addToWishList('47');">Add to Wish List</div><div class="btn-compare" onclick="addToCompare('47');">Add to Compare</div></div>
        </div>
      </div>
                 <div class="box-product-item">
        <div class="view-first">
          <div class="view-content">  
                        <div class="image"><a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/product&amp;product_id=46"><img src="http://www.metro-oc.any-themes.com/metroshop1/image/cache/data/f01_nokia_lumia_610_12-188x204.jpg" alt="Phone A64" /></a></div>
                          
            <div class="bottom-block">
              <div class="name"><a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/product&amp;product_id=46">Phone A64</a></div>
              <div class="link-cart" onclick="addToCart('46');">Add to Cart</div>
                            <div class="price">
                                $1,177.00                              </div>
                          </div>
          </div>
          
	  <div class="slide-block"><div class="image-rating"></div><div class="btn-wish" onclick="addToWishList('46');">Add to Wish List</div><div class="btn-compare" onclick="addToCompare('46');">Add to Compare</div></div>
        </div>
      </div>
                 <div class="box-product-item">
        <div class="view-first">
          <div class="view-content">  
                        <div class="image"><a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/product&amp;product_id=45"><img src="http://www.metro-oc.any-themes.com/metroshop1/image/cache/data/f01_monoblok_apple_imac_mc814rs_a_27-188x204.jpg" alt="Desktop N2" /></a></div>
                          
            <div class="bottom-block">
              <div class="name"><a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/product&amp;product_id=45">Desktop N2</a></div>
              <div class="link-cart" onclick="addToCart('45');">Add to Cart</div>
                            <div class="price">
                                $2,000.00                              </div>
                          </div>
          </div>
          
	  <div class="slide-block"><div class="image-rating"></div><div class="btn-wish" onclick="addToWishList('45');">Add to Wish List</div><div class="btn-compare" onclick="addToCompare('45');">Add to Compare</div></div>
        </div>
      </div>
                 <div class="box-product-item">
        <div class="view-first">
          <div class="view-content">  
                        <div class="image"><a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/product&amp;product_id=44"><img src="http://www.metro-oc.any-themes.com/metroshop1/image/cache/data/f01_lenovo_ideapad_s110_59321422-188x204.jpg" alt="Desktop N525" /></a></div>
                          
            <div class="bottom-block">
              <div class="name"><a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/product&amp;product_id=44">Desktop N525</a></div>
              <div class="link-cart" onclick="addToCart('44');">Add to Cart</div>
                            <div class="price">
                                $1,177.00                              </div>
                          </div>
          </div>
          
	  <div class="slide-block"><div class="image-rating"></div><div class="btn-wish" onclick="addToWishList('44');">Add to Wish List</div><div class="btn-compare" onclick="addToCompare('44');">Add to Compare</div></div>
        </div>
      </div>
                 <div class="box-product-item">
        <div class="view-first">
          <div class="view-content">  
                        <div class="image"><a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/product&amp;product_id=43"><img src="http://www.metro-oc.any-themes.com/metroshop1/image/cache/data/f01_nokia_n8_2-188x204.jpg" alt="Telephone N53" /></a></div>
                          
            <div class="bottom-block">
              <div class="name"><a href="http://www.metro-oc.any-themes.com/metroshop1/index.php?route=product/product&amp;product_id=43">Telephone N53</a></div>
              <div class="link-cart" onclick="addToCart('43');">Add to Cart</div>
                            <div class="price">
                                $589.50                              </div>
                          </div>
          </div>
          
	  <div class="slide-block"><div class="image-rating"><img src="catalog/view/theme/metroshop/image/stars-5.png" alt="Based on 1 reviews." /></div><div class="btn-wish" onclick="addToWishList('43');">Add to Wish List</div><div class="btn-compare" onclick="addToCompare('43');">Add to Compare</div></div>
        </div>
      </div>
          </div>
  </div>
</div>

	
</div>
	<!-- container -->

<ion:partial view="footer" />

